﻿<%@ Page Title="" Language="C#" MasterPageFile="~/controlasistencia/Plantilla.Master" AutoEventWireup="true" CodeBehind="coordinadorReportes.aspx.cs" Inherits="Presentacion.controlasistencia.coordinadorReportes" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="js/validaciones.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="contenido" runat="server">
    <% 
        if (Session["carreraCoordinador"] != null)
        {
    %>
    <form id="formulario" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePageMethods="true"></asp:ScriptManager>
        <div class="row">
            <div class="col-lg-12">
                <div class="page-title">
                    <h2>COORDINADOR
                        <small>
                            <asp:Label ID="lblCarrera" runat="server" Text="">REPORTES</asp:Label></small>
                    </h2>
                    <ol class="breadcrumb">
                        <li><i class="fa"></i><a href="index.aspx" class="tamano-breadcrumbs">Inicio</a>
                        </li>

                        <li class="active tamano-breadcrumbs">Reportes del coordinador</li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="portlet portlet-green">
                    <div class="portlet-heading">
                        <div class="portlet-title">
                            <h3>DATOS</h3>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="col-lg-1">
                                </div>
                                <div class="col-lg-3">
                                    <h4>SEMESTRES A CARGO</h4>
                                    <asp:DropDownList ID="cbxSemestre" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();"></asp:DropDownList>
                                    <input type="hidden" name="name" value="<%Response.Write(Session["carreraCoordinador"]);%>" id="txtHiden" />
                                </div>
                                <div class="col-lg-2">
                                    <h4>PARALELO</h4>
                                    <asp:DropDownList ID="cbxParalelo" runat="server" ClientIDMode="Static" CssClass="form-control" onchange="actualizarMaterias();">
                                        <asp:ListItem Selected="True">Seleccione un paralelo</asp:ListItem>
                                        <asp:ListItem>A</asp:ListItem>
                                        <asp:ListItem>B</asp:ListItem>
                                        <asp:ListItem>C</asp:ListItem>
                                        <asp:ListItem>D</asp:ListItem>
                                    </asp:DropDownList>
                                </div>
                                <div class="col-lg-4">
                                    <h4>MATERIAS</h4>
                                    <select id="cbxMateria" name="cbxMateria" class="form-control">
                                    </select>
                                </div>
                                <div class="col-lg-2">
                                    <h4>&nbsp</h4>
                                    <asp:Button ID="Button1" runat="server" Text="Generar Reporte" OnClick="Button1_Click" CssClass="btn btn-green btn-block" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <%
        }
        else
        {
            Response.Redirect("~/404.aspx");
        }%>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            actualizarMaterias();
        });
        function actualizarMaterias() {
            var idSemestre = document.getElementById('cbxSemestre').value;
            var idCarrera = document.getElementById('txtHiden').value;
            var paralelo = document.getElementById('cbxParalelo').value;

            if (idSemestre == "" || idSemestre == null) {
                errorMessage("Seleccione el semestre deseado.");
            }
            else if (paralelo == null || paralelo == null) {
                errorMessage("Seleccione el paralelo deseado.");
            }
            else {
                $.ajax({
                    type: "POST",
                    url: "materiasAjax.aspx/materias",
                    data: "{ _idCarrera:" + idCarrera + ", _idSemestre:" + idSemestre + ", _paralelo:'" + paralelo + "'}",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        if (response.d.length > 0) {
                            console.log("error", response);
                            $("#cbxMateria").empty();
                            $("#cbxMateria").append("<option value=''>Seleccione la materia deseada.</option>");
                            $.each(response.d, function (key, value) {
                                $('#cbxMateria').append($("<option></option>").val(value.idDistribucion).html(value.Nombre));
                            });
                        }
                        else {
                            $("#cbxMateria").empty();
                            $("#cbxMateria").append("<option value=''>No tiene elementos que mostrar.</option>");
                        }
                    },
                    statusCode: {
                        404: function () {
                            errorMessage("Pagina no encontrada");
                        },
                        500: function () {
                            errorMessage("Problemas con el servidor.");
                        }
                    },
                });
            }

        }
    </script>
</asp:Content>
